@asideWidth: 170px;
@asideWidthMin: 60px;
@subAsideWidth: 115px;
@subMenuItemHeight: 43px;
@mainNavItemHeight: 56px;
@mainNavItemPaddingCol: 30px;
@mainNavIconPadding: 10px;
@mainNavIconSize: 20px;
@headerHeight: 50px;
@borderRadius: 15px;
@borderRadiusSmall: 7px;
@boxShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@fontSize: 14px;
@fontSizeSecond: 12px;
@spaceColMin:10px;
@spaceCol:20px;

//color
@primaryColor: #009688;
@blackColor: #20222a;
@primaryLightColor: tint(@primaryColor, 90%);
@primarySecondColor: tint(@primaryColor, 20%);
@whiteColor: #ffffff;
@fontColor: #303133;
@fontColorSecond: #999999;
@baseBg: #f2f2f2;
@asideBg: @blackColor;
@lightBg: @whiteColor;
@subAsideBg: #ffffff;
@asideColor: @whiteColor;
@headerBg: @lightBg;

@media screen and (max-width: 970px) {
  @asideWidth: 60px;
}